<template>
  <div class="order-list">
    <div class="total">共3条求助信息</div>
    <MyListItem v-for="info in value" :key="info.orderId" :info="info" @accept="onAccept"></MyListItem>
  </div>
</template>

<script>
import MyListItem from "./MyListItem.vue";
export default {
  props: ["value"],
  components: {
    MyListItem
  },
  methods: {
    onAccept(orderId) {
      this.$emit("accept", orderId);
    }
  }
};
</script>

<style scoped>
/* 列表样式 */
.order-list {
  width: 100%;
  height: calc(100% - 48px);
  background-color: #f1f1f5;
  box-sizing: border-box;
  padding: 16px;
  overflow-y: auto;
}
.total {
  text-align: center;
  color: #ccc;
  margin-bottom: 12px;
}
</style>